/***
author: sailing
date: 2018/10/23
***/

<template>
	<div class="MyContent">
		<ul class="ulStyle">
			<li class="liStyle">
				<mu-container style="padding: 20px 0;background:rgb(157, 212, 255);">
				  <mu-row justify-content="center">
				    <mu-avatar :size="size">
				      <img src="../assets/images/uicon.jpg">
				    </mu-avatar>
				  </mu-row>
				</mu-container>
			</li>
			<li class="liStyle">
				<mu-paper :z-depth="1" class="demo-list-wrap">
				  <mu-list>
				 
				    <mu-list-item button :ripple="true">
				      <mu-list-item-action>
				        <mu-icon value="drafts"></mu-icon>
				      </mu-list-item-action>
				      <mu-list-item-title>用户信息</mu-list-item-title>
				    </mu-list-item>

				    <mu-list-item href="/#/aboutme" button :ripple="true">
				      <mu-list-item-action>
				        <mu-icon value="send"></mu-icon>
				      </mu-list-item-action>
				      <mu-list-item-title>关于我们</mu-list-item-title>
				    </mu-list-item>
				  </mu-list>
				</mu-paper>
			</li>
			<li class="liStyle" style="margin-top:20px">
				<mu-button @click="backlogin" color="primary">退出当前登录</mu-button>
				<mu-button @click="login" color="primary">登录</mu-button>
			</li>
		</ul>
	</div>
</template>

<script type="text/javascript">
import Storage from '../server/storage.js'
	export default{
		data () {
			return {
				size: 90
			}
		},
		methods: {
			login () {
				//this.$router.push("/loginPage")
				// console.log(this.$router)
			},
			backlogin () {
				Storage.clear("user")
				this.$router.push('/login')
			}
		}
	}
</script>

<style lang='less'>
	.MyContent{
		.ulStyle{
			.liStyle{
				.demo-list-wrap {
				  width: 100%;
				}
			}
		}
	}
</style>